<script type="text/javascript" src="{U_PICKER_JS}"></script>
<h1>{L_GROUP_TITLE}</h1>

<form action="{S_GROUP_ACTION}" method="post" name="post">
<table border="0" cellpadding="3" cellspacing="1" class="forumline" align="center">
	<tr>
	  <th colspan="2">{L_GROUP_EDIT_DELETE}</th>
	</tr>
	<tr>
	  <td class="row1" colspan="2"><span class="gensmall">{L_ITEMS_REQUIRED}</span></td>
	</tr>
	<tr>
	  <td class="row1" width="38%"><span class="gen">{L_GROUP_NAME}:</span></td>
	  <td class="row2" width="62%">
		<input class="post" type="text" name="group_name" size="35" maxlength="40" value="{GROUP_NAME}" />
	  </td>
	</tr>
	<tr>
	  <td class="row1" width="38%"><span class="gen">{L_GROUP_DESCRIPTION}:</span></td>
	  <td class="row2" width="62%">
		<textarea class="post" name="group_description" rows="5" cols="51">{GROUP_DESCRIPTION}</textarea>
	  </td>
	</tr>
	<tr>
	  <td class="row1" width="38%"><span class="gen">{L_GROUP_MODERATOR}:</span></td>
	  <td class="row2" width="62%"><input class="post" type="text" class="post" name="username" maxlength="50" size="20" value="{GROUP_MODERATOR}" /> &nbsp; <input type="submit" name="usersubmit" value="{L_FIND_USERNAME}" class="liteoption" onClick="window.open('{U_SEARCH_USER}', '_search', 'HEIGHT=250,resizable=yes,WIDTH=400');return false;" /></td>
	</tr>

	<tr>
	  <td class="row1" width="38%"><span class="gen">{L_GROUP_STATUS}:</span></td>
	  <td class="row2" width="62%">
		 <input type="radio" name="group_type" value="{S_GROUP_AUTO_TYPE}" {S_GROUP_AUTO_CHECKED} />{L_GROUP_AUTO}&nbsp;&nbsp;<input type="radio" name="group_type" value="{S_GROUP_OPEN_TYPE}" {S_GROUP_OPEN_CHECKED} />{L_GROUP_OPEN}&nbsp;&nbsp;<input type="radio" name="group_type" value="{S_GROUP_CLOSED_TYPE}" {S_GROUP_CLOSED_CHECKED} />{L_GROUP_CLOSED}&nbsp;&nbsp;<input type="radio" name="group_type" value="{S_GROUP_HIDDEN_TYPE}" {S_GROUP_HIDDEN_CHECKED} />{L_GROUP_HIDDEN}</td>
	</tr>

	<!-- BEGIN hook -->
		{hook.OUTPUT}
	<!-- END hook -->

	<!-- BEGIN group_edit -->
	<tr>
	  <td class="row1" width="38%"><span class="gen">{L_DELETE_MODERATOR}</span>
	  <br />
	  <span class="gensmall">{L_DELETE_MODERATOR_EXPLAIN}</span></td>
	  <td class="row2" width="62%">
		<input type="checkbox" name="delete_old_moderator" value="1">
		{L_YES}</td>
	</tr>
	<!-- END group_edit -->

	<!-- COLOR_GROUPS -->
	<tr>
	  <th colspan="2">{L_COLOR_GROUPS}</th>
	</tr>
	<!-- BEGIN styles_block -->
	<tr>
	  <td class="row1" width="38%">
		<span class="gen">{L_COLOR_FOR} {styles_block.STYLE_NAME}:</span>
		<br />
		<span class="small">{L_COLOR_FOR_EXPLAIN}</span>
	</td>
	  <td class="row2" width="62%">
        <input class="post" type="text" class="post" name="color_{styles_block.STYLE_ID}" maxlength="6" size="20" value="{styles_block.STYLE_COLOR}" /> <a href="javascript:TCP.popup(document.forms['post'].elements['color_{styles_block.STYLE_ID}'], '1', '{U_SEARCH_COLOR}')">{L_SEARCH_COLOR}</a>
	  </td>
	</tr>
	<!-- END styles_block -->
	<tr>
	  <td class="row1" width="38%"><span class="gen">{L_COLOR_GROUPS_ORDER}:</span></td>
	  <td class="row2" width="62%">
		<select name="color_group_order">
			<!-- BEGIN group_row -->
			<option value="{group_row.GROUP_ID}" {group_row.CHECKED}>{group_row.GROUP_NAME}</option>
			<!-- END group_row -->
		</select>
	  </td>
	</tr>
	<tr>
	  <td class="row1" width="38%"><span class="gen">{L_COLOR_GROUPS_ON}:</span></td>
	  <td class="row2" width="62%">
		<input type="checkbox" name="group_colored" value="{S_COLOR_GROUPS_ON}" {S_COLOR_GROUPS_ON_CHECKED} /> {L_COLOR_GROUPS_ON}
	  </td>
	</tr>
	<!-- COLOR_GROUPS -->

	<tr>
	  <td class="cat" colspan="2" align="center">
		<input type="submit" name="group_update" value="{L_SUBMIT}" class="mainoption" />
		&nbsp;&nbsp;
		<input type="reset" value="{L_RESET}" name="reset" class="liteoption" />
	  </td>
	</tr>
</table>{S_HIDDEN_FIELDS}</form>